.background-color{background: #ffffff;}
.device {position: relative;}
.device .arrow-left {background: url("/vendors/swiper/img/arrows.png") no-repeat left top;position: absolute;left: 25px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 999;}
.device .arrow-right {background: url("/vendors/swiper/img/arrows.png") no-repeat left bottom;position: absolute;right: 25px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 999;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #555;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-container {max-height:300px;min-height:300px;border-radius: 4px;}
.pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.swiper-slide img{width: 100%;height: 100%}
.group-list {width: 100%;height: 116px;margin-top: 15px;padding-top: 8px;padding-left: 15px;background: #fff;text-align: center;border-radius: 4px;}
.group-list >li {float: left;width: 14.28%;height: 100%;padding-top: 15px;}
.group-list>li img {border-radius: 50%;}
@media (max-width: 768px){
  .notice {
    margin-top: 15px;
  }
}
.notice {border-radius: 4px;background: #FFFFFF;height: 430px;padding-top: 15px;padding-left: 20px;box-shadow: 0px 1px 8px 0px rgba(17, 30, 44, 0.02);}
.notice h3 {color: #111E2C;font-size: 18px;line-height: 26px;letter-spacing: 0px;text-align: left;font-weight: 600;}
.notice ul {padding-top: 10px;width: 100%;}
.notice ul li {padding-bottom: 12px;}
.notice ul li .num {float: left;margin-right: 10px;width: 22px;height: 22px;border: 1px solid #bbb;border-radius: 50%;line-height: 20px;text-align: center;color: #bbb;}
.notice ul li a {color: #264360;font-size: 14px;line-height: 24px;letter-spacing: 0px;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;position: relative;}
.notice ul li a:hover {color: #388EE4;}
.notice ul li a i {padding-right: 10px;font-size: 13px;font-style: normal;}
.expert-list {position: relative;width: 100%;height: 280px;overflow: hidden;}
.expert-head{margin-top: 25px;margin-bottom: 15px;padding-right: 33px;border-left: 5px solid #0085EE;padding-left: 10px;color: #333333;font-size: 28px;}
.roll__list li {float: left;margin: 5px;width: 268px;height: 243px;border: 1px solid #E9E9E9;padding: 19px 17px;margin-bottom: 10px;}
.expert-list .character {border-bottom: 1px solid #E9E9E9;padding-bottom: 20px;}
.expert-list .character .character-img {float: left;width: 60px;height: 60px;border-radius: 50%;}
.expert-list .character .character-main {float: left;padding-top: 6px;padding-left: 20px;line-height: 27px;}
.expert-list .desc {line-height: 22px;margin: 11px 0 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 60px;}
.aw-nav-tabs{border-top-left-radius: 4px;border-top-right-radius: 4px;}
.aw-explore-list{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.aw-side-bar{border-radius: 4px;}